<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<base target="_blank" />
<title>Webshot</title>

<link rel="stylesheet" href="/assets/style/common.css" type="text/css" />

<style type="text/css">
html, body {
	background-color: #f3f6fb;
}

a:link,a:active {
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	color: blue;
}

a:hover {
	text-decoration: underline;
	color: red;
	padding: 4px 0px 4px 0px;
	font-size: 100%;
}

a:visited {
	text-decoration: none;
	color: blue;
}
.section-title {
	padding-left: 64px; 
	padding-right: 64px; 
	padding-bottom: 16px; 
	clear: left;
	font-size: large;
}

.section {
	padding-left: 64px; 
	padding-right: 64px; 
	clear: left;
}
</style>

<script type="text/javascript" src="/assets/opt/script/jquery.js"></script>
<script type="text/javascript" src="/assets/script/uri-1.0.js"></script>
<script type="text/javascript" src="/assets/script/blacktea-1.0.js"></script>
<script type="text/javascript" src="/assets/script/common.js"></script>

<script type="text/javascript">
var contextUri = "/content/info.niwota.webshot/";
//var spinner = '<span style="color: black; font-size: xx-large;">Loading ...<blink>.....</blink></span>';
var spinner = '<img src="/image/spin.gif" alt="Please wait..." />';

$.ajaxSetup ({  
	cache: false  
}); 

function loadHome() {
	$('#page-content').html(spinner).load(contextUri+'web/home.htmf');
}

$(document).ready(function(){
	//$.initOptionMenu();
	//
	loadHome();
	//
	$('a.ajax').live('click', function() {
		var link = $(this).attr('href');
    	$('#page-content').html(spinner).load(link);
    	return false;
	});
});
</script>

</head>
<body >

<div id="topnav">
	<span class="action" >
	<img class="icon48" src="/icon/info.niwota.webshot"  style="margin-top: 0px; vertical-align: middle;" />
	<span style="bottom-margin: 5px;">Take snapshot of web pages and share with friends.</span>
	</span>	

	<span class="top-center">
	</span>
	
	<span class="top-right" style="margin-right: 64px;">
	
	<span class="action"><a class="ajax" href="web/home.htmf" >Home</a></span>&nbsp;|&nbsp;
	<span class="action"><a class="ajax" href="web/help.htmf" >Help</a></span>&nbsp;|&nbsp;
	<span class="action"><a href="#" onclick="self.close();">Quit</a></span>

	</span>

</div>

<!--page content-->
<div id="page-content" >

</div>
<!--//page content-->


<div id="optionmenu" style="visibility:hidden;"></div>

<!--footer-->

<div id="footer" style="background-color: #f3f6fb;">
<div style="border-bottom: 1px solid rgb(119, 153, 221);"></div>
<span style="color: black;">Webshot 2.0.1 &copy; 2010 All rights reserved</span>
</div>

<!--wallpaper-->

</body>
</html>